<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!--[if lt IE 9]>
    <script type="text/javascript" src="./Public/Admin/lib/html5.js"></script>
    <script type="text/javascript" src="./Public/Admin/lib/respond.min.js"></script>
    <script type="text/javascript" src="./Public/Admin/lib/PIE_IE678.js"></script>
    <![endif]-->
    <link href="./Public/Admin/css/H-ui.min.css" rel="stylesheet" type="text/css">

    <!--[if IE 6]>
    <script type="text/javascript" src="./Public/Home/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>面单统计</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script type="text/javascript" src="./Public/Admin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="./Public/Admin/lib/layer/1.9.3/layer.js"></script>
    <script src="./Public/highcharts/highcharts.js"></script>
	<script src="./Public/My97DatePicker/WdatePicker.js"></script>
	
	<link rel="stylesheet" href="./Public/Admin/lib/layer/1.9.3/skin/layer.css" id="layui_layer_skinlayercss">
	
	<style>
		.linka{
			font-size: 12px;
		}
		.linka a{
			margin-right:10px;
		}
	</style>
	
<title>-</title>
</head>
<body>

<div class="pd-20">

	<div class="cl pd-5 mt-20"> 
		<form class="formleft"  action="__URL__/order/" method="post">
			<select name="come_from" class="input-text select" style="width:150px;float:left;">
                <option value="0">平台名称</option>
				<option value="1">vxmore</option>
				<option value="2">ERP</option>
            </select>
			<input type="input-text" name="goods_name" id="goods_name" class="input-text " style="width:150px;"  placeholder="商品名称">
			<input type="input-text" name="goods_no" id="goods_no" class="input-text " style="width:150px;"  placeholder="商品编码">
			<input type="input-text" name="merchant_code" id="merchant_code" class="input-text " style="width:150px;"  placeholder="商家编码">
			日期范围:
			<input type="input-text" name="start_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" id="start_time" class="input-text Wdate" style="width:160px;" value="{:date('Y-m-d',time())}"  placeholder="开始时间"> -
			<input type="input-text" name="end_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" id="end_time" class="input-text Wdate" style="width:160px;"  value="{:date('Y-m-d',time()+86400)}"    placeholder="结束时间">
			<button type="submit" class="btn btn-success"><i class="icon-plus"></i> 查询</button>
			<span class="btn linka">
				<a href="" class="a">今天</a>
				<a href="" class="a">昨天</a>
				<a href="" class="a">最近7天</a>
				<a href="" class="a">最近30天</a>
				<a href="" class="a">最近一年</a>
			</span>
		</form>
    </div>
</div>
<div id="container" style="width: 98%; height: 400px; margin: 0 auto;float:left;"></div>
<div style="float:left;width:98%;margin:10px 0;margin-left:15px;">
	<table class="table table-border table-bordered table-bg" style="width:49%;float:left;">
		<thead>
			<tr>
				<th scope="col" colspan="4">时间列表
				</th>
			</tr>
			<tr class="text-c">
				<th>序号</th>
				<th>时间</th>
				<th width="">面单数量</th>
				<th width="">发货面单数量</th>
			</tr>
		</thead>
		<tbody>
			<volist name="list_t" id="vo">
			<tr class="text-c">
				<td>{$i}</td>
				<td>{$vo.t_time}</td>
				<td>{$vo.t_count}</td>
				<td>{$vo.t_count}</td>
			</tr>
			</volist>
			<tr class="text-c">
				<td>合计</td>
				<td></td>
				<td>{$count_all}</td>
				<td></td>
			</tr>	
		</tbody>
	</table>
	<table class="table table-border table-bordered table-bg" style="width:49%;float:right;">
		<thead>
			<tr>
				<th scope="col" colspan="4">商品列表
				</th>
			</tr>
			<tr class="text-c">
				<th>序号</th>
				<th>时间</th>
				<th width="">面单数量</th>
				<th width="">发货面单数量</th>
			</tr>
		</thead>
		<tbody>
			<volist name="list" id="vo">
			<tr class="text-c">
				<td><{$i}></td>
				<td><{$vo.order_no}></td>
				<td><{$vo.making}></td>
				<td><{$vo.purchaser}></td>
			</tr>
			</volist>
			<tr class="text-c">
				<td>合计</td>
				<td></td>
				<td></td>
				<td></td>
				</td>
			</tr>			
		</tbody>
	</table>
</div>
<div style="float:left;width:98%;margin-left:15px;margin-bottom:10px">
	<table class="table table-border table-bordered table-bg" style="width:49%;float:left;">
		<thead>
			<tr>
				<th scope="col" colspan="4">平台列表
				</th>
			</tr>
			<tr class="text-c">
				<th>序号</th>
				<th>时间</th>
				<th>面单数量</th>
				<th>发货面单数量</th>
			</tr>
		</thead>
		<tbody>
			<volist name="list" id="vo">
			<tr class="text-c">
				<td><{$i}></td>
				<td><{$vo.order_no}></td>
				<td><{$vo.making}></td>
				<td><{$vo.purchaser}></td>
			</tr>
			</volist>
			<tr class="text-c">
				<td>合计</td>
				<td></td>
				<td></td>
				<td></td>
				</td>
			</tr>			
		</tbody>
	</table>
	<table class="table table-border table-bordered table-bg" style="width:49%;float:right;">
		<thead>
			<tr>
				<th scope="col" colspan="4">商家列表
				</th>
			</tr>
			<tr class="text-c">
				<th>序号</th>
				<th>时间</th>
				<th width="">面单数量</th>
				<th width="">发货面单数量</th>
			</tr>
		</thead>
		<tbody>
			<volist name="list" id="vo">
			<tr class="text-c">
				<td><{$i}></td>
				<td><{$vo.order_no}></td>
				<td><{$vo.making}></td>
				<td><{$vo.purchaser}></td>
			</tr>
			</volist>
			<tr class="text-c">
				<td>合计</td>
				<td></td>
				<td></td>
				<td></td>
				</td>
			</tr>			
		</tbody>
	</table>
</div>
<div style="float:left;width:98%;margin-left:15px;">
	<table class="table table-border table-bordered table-bg" style="width:49%;float:left;">
		<thead>
			<tr>
				<th scope="col" colspan="4">快递列表
				</th>
			</tr>
			<tr class="text-c">
				<th>序号</th>
				<th>时间</th>
				<th>面单数量</th>
				<th>发货面单数量</th>
			</tr>
		</thead>
		<tbody>
			<volist name="list" id="vo">
			<tr class="text-c">
				<td><{$i}></td>
				<td><{$vo.order_no}></td>
				<td><{$vo.making}></td>
				<td><{$vo.purchaser}></td>
			</tr>
			</volist>
			<tr class="text-c">
				<td>合计</td>
				<td></td>
				<td></td>
				<td></td>
				</td>
			</tr>			
		</tbody>
	</table>

</div>
<script language="JavaScript">
$(document).ready(function() {
   var chart = {
      type: 'area'
   };
   var title = {
      text: '面单统计'   
   };

   var xAxis = {
      categories: [{$categories}],
      tickmarkPlacement: 'on',
      title: {
         enabled: false
      }
   };
   var yAxis = {
      title: {
         text: '数量'
      },
      labels: {
         formatter: function () {
            return this.value / 1000 + 'k';
         }
      }
   };

   var plotOptions = {
      area: {
         marker: {
            enabled: false,
            symbol: 'circle',
            radius: 2,
            states: {
               hover: {
                 enabled: true
               }
            }
         }
      }
   };
   var series= [{
         name: '面单',
         data: [{$datas}],
		 }
   ];     
      
   var json = {};   
   json.chart = chart; 
   json.title = title;   


   json.xAxis = xAxis;
   json.yAxis = yAxis;  
   json.series = series;
   json.plotOptions = plotOptions;
   $('#container').highcharts(json);
  
});
</script>
<include file="Public/footer" />
<include file="Public/footer_js" />

<script type="text/javascript">
    $(function(){
		$(".page_count").change(function(){
			var order_no=$('input[name=order_no]').val();
			var start_time=$('input[name=start_time]').val();
			var end_time=$('input[name=end_time]').val();
			var url="__MODULE__/Finance/list_list";
			<!-- alert(end_time); -->
			if(order_no!=""){
				url=url+"/order_no/"+order_no;
			}
			if(start_time!="" && start_time!=undefined){
				url=url+"/start_time/"+start_time;
			}
			if(end_time!="" && end_time!=undefined){
				url=url+"/end_time/"+end_time;
			}
			location.href=url+"/listrows/"+$(this).val();
		});
    })
</script>
</body>
</html>